<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/cart.css">
    <link rel="stylesheet" href="../libs/swiper-bundle.min.css">
    <script src="../libs/iconfont.js"></script>
</head>

<body>
    <div class="bg">
    </div>
    <div class="header box-center">
        <svg class="icon" aria-hidden="true">
            <use xlink:href="#icon-jiajujiafang"></use>
        </svg>
        <div class="back"><a href="../index.html">回到首页</a></div>
        <div class="user"></div>
    </div>
    <div class="w">
        <div id="logo"><img src="../img/icon1.png" alt=""></div>
        <div class="cart-search">
            <div class="form">
                <input type="text" id="key">
                <input type="button" value="搜索" id="botton">
            </div>
        </div>
    </div>
    <div class="cartTable">
        <table>
            <thead>
                <tr>
                    <th>全选</th>
                    <th>商品</th>
                    <th>单价</th>
                    <th>数量</th>
                    <th>小计</th>
                    <th>操作</th>
                </tr>
            </thead>
            <tbody>
                <!-- <tr>
                    <td><input type="checkbox" value="" class="select" data-id="${item.goods_id}" ${item.is_select && "checked"}/></td>
                    <td>
                        <img src="${item.img_small_logo}" >
                        <span class="hide">${item.title}</span>
                    </td>
                    <td><span>${item.price}</span></td>
                    <td>
                        <span class="sub" data-id="${item.goods_id}">-</span>
                        <input type="text" value="${item.cart_number}" class="txt" data-id="${item.goods_id}"/>
                        <span class="add" data-id="${item.goods_id}">+</span>
                    </td>
                    <td><span class="price">${item.price * item.cart_number}元</span></td>
                    <td><span class="del" data-id="${item.goods_id}">删除</span></td>
                </tr> -->
            </tbody>
        </table>
        <div class="footer">
            <div class="left">
                <input type="checkbox" value="" class="selectAll" />
                <span class="dlAll">删除</span>
            </div>
            <div class="rirght">
                <div class="allNum">已选商品<b class="totalNum">0</b>件</div>
                <div class="allCount">合计 ￥<b class="money">0</b></div>
                <div class="calc">结算</div>
            </div>
        </div>
    </div>
    <div class="bottom">
        <div class="backTop">
            <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-huidaodingbu"></use>
            </svg>
        </div>
        <div class="kefu">
            <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-kefufill"></use>
            </svg>
        </div>

    </div>
    <!-- 猜你喜欢 -->
    <div class="like box-center">
        <h2 class="title">猜你喜欢</h2>
        <div class="swiper" id="swiper1">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <ul class="contents" id="content1">
                        <!-- <li>
                        <img src="${item.img_big_logo}" alt="">
                        <p class="des">${item.title}</p>
                        <p class="price">￥:${item.price}</p>
                        <button class="btn" data-id="${item.goods_id}">加入购物车</button>
                    </li> -->
                    </ul>
                </div>
                <div class="swiper-slide">
                    <ul class="contents" id="content2">
                        <!-- <li>
                        <img src="${item.img_big_logo}" alt="">
                        <p class="des">${item.title}</p>
                        <p class="price">￥:${item.price}</p>
                        <button class="btn" data-id="${item.goods_id}">加入购物车</button>
                    </li> -->
                    </ul>
                </div>
            </div>
            <!-- 如果需要导航按钮 -->
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>
        </div>
    </div>
    <!-- 底部服务 -->
    <div id="service">
        <div class="wy">
            <ol class="slogen">
                <li class="item fore1"><i>多</i>品类齐全，轻松购物</li>
                <li class="item fore2"><i>快</i>多仓直发，极速配送</li>
                <li class="item fore3"><i>好</i>正品行货，精致服务</li>
                <li class="item fore4"><i>省</i>天天低价，畅选无忧</li>
            </ol>
        </div>
        <div class="jd-help">
            <div class="wy">
                <div class="wrap">
                    <dl class="fore1">
                        <dt>购物指南</dt>
                        <dd><a href="">购物流程</a></dd>
                        <dd><a href="">会员介绍</a></dd>
                        <dd><a href="">生活旅行/团购</a></dd>
                        <dd><a href="">常见问题</a></dd>
                        <dd><a href="">大家电</a></dd>
                        <dd><a href="">联系客服</a></dd>
                    </dl>
                    <dl class="fore2">
                        <dt>配送方式</dt>
                        <dd><a href="">上门自提</a></dd>
                        <dd><a href="">211限时达</a></dd>
                        <dd><a href="">配送服务查询</a></dd>
                        <dd><a href="">配送费收取标准</a></dd>
                        <dd><a href="">海外配送</a></dd>
                    </dl>
                    <dl class="fore3">
                        <dt>支付方式</dt>
                        <dd><a href="">货到付款</a></dd>
                        <dd><a href="">在线支付</a></dd>
                        <dd><a href="">分期付款</a></dd>
                        <dd><a href="">公司转账</a></dd>
                    </dl>
                    <dl class="fore4">
                        <dt>售后服务</dt>
                        <dd><a href="">售后政策</a></dd>
                        <dd><a href="">价格保护</a></dd>
                        <dd><a href="">退款说明</a></dd>
                        <dd><a href="">返修/退换货</a></dd>
                        <dd><a href="">取消订单</a></dd>
                    </dl>
                    <dl class="fore5">
                        <dt>特色服务</dt>
                        <dd><a href="">夺宝岛</a></dd>
                        <dd><a href="">DIY装机</a></dd>
                        <dd><a href="">延保服务</a></dd>
                        <dd><a href="">京东E卡</a></dd>
                        <dd><a href="">京东通信</a></dd>
                        <dd><a href="">京鱼座智能</a></dd>
                    </dl>
                    <span class="clr"></span>
                </div>
            </div>
        </div>
    </div>
    <script src="../libs/swiper-bundle.min.js"></script>
    <script src="../libs/require.js" data-main="../js/cart"></script>
</body>

</html>